<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <title>Document</title>
    <link rel="stylesheet" href="../src/assets/css/reset.css">
    <style>
        html {
            font-size: 31.25vw;
        }

        .index {
            height: 5rem;
        }

        header {
            position: fixed;
            top: 0;
            width: 100%;
            height: 0.38rem;
            /* padding: 0.05rem 0.96rem 0.5rem 0.66rem; */
            background: linear-gradient(90deg, #39da85, #01b27a);
            display: flex;
        }

        .header-city {
            display: inline-block;
            left: 0;
            width: 0.6rem;
            line-height: 0.38rem;
            text-align: center;
            font-size: 0.12px;
            color: #fff;
            background: pink;
        }

        .header-seach {
            display: inline-block;
            position: relative;
            box-sizing: border-box;
            width: 3rem;
            height: 0.28rem;
            padding: 0 0.12rem 0 0.32rem;
            border-radius: 0.14rem;
            background: #fff;
            font-size: 12px;
        }
    </style>
</head>

<body>
    <header>
        <a class="header-city" href="###">
            广州
            <i></i>
        </a>
        <div class="header-seach">
            <a href="###"></a>
            <span>请输入商品名称</span>
        </div>
    </header>

</body>
<script>
    let arr2 = []
    let arr = Array.from($(".first-screen-menu a img"))
    arr.forEach(item => {
        let obj = {}
        obj.src = item.src
        arr2.push(obj)
    })


</script>

</html>